﻿*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: #eeeeee;
    text-align: center;
    font-family: Arial,Tahoma,Sans-Serif;
    color: #fefefe;
}
.clears
{
    clear: both;
}
#page
{
    width: 1000px;
    height: auto;
    background-color: White;
    margin: auto;
    padding: auto;
}
#header
{
    width: 100%;
    height: 260px;
}
.logo
{
    width: 227px;
    height: 100%;
    background-color: #91C02B;
    float: left;
}
.logo ul
{
    float: left;
    list-style: none;
}
.logo ul li
{
    float: left;
    position: relative;
}
.logo li a
{
    text-align: center;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #fefefe;
    margin: 3px;
    padding: 3px;
}
.logo img
{
    margin: 20px 0 20px 0;
}
.logo .welcome p
{
    line-height: 10px;
}
.logo .welcome span
{
    font-style: italic;
}
.banner
{
    width: 773px;
    height: 100%;
    float: left;
    background-image: url('../HinhAnhSite/banner.jpg');
    background-repeat: no-repeat;
}

/*-------MENU NGANG---------*/


.nav_menutop
{
    height: 49px;
    background-color: #284c1c;
    width: 100%;
    color: White;
    float: left;
}
.nav_menutop ul
{
    list-style: none;
    text-align: right;
    padding-left: 227px;
    width: 773px;
}
.nav_menutop li
{
    float: left;
    position: relative;
    padding: 15px;
}
.nav_menutop li a
{
    text-decoration: none;
    color: #fefefe;
    display: block;
    padding: 0 6px;
    line-height: normal;
}
.nav_menutop li a:hover
{
    color: black;
}


/***************************************************************/

#middler
{
    height: 300px;
    width: 100%;
    background-color: White;
    float: left;
}
/*menu trai*/
.left_middler
{
    width: 227px;
    height: 300px;
    background-color: #91C02B;
    float: left;
}
.n_title
{
    width: 100%;
    height: 40px;
    background-color: #9ba623;
    float: left;
    color: Black;
}
.n_title p
{
    text-align: center;
    padding-top: 10px;
}
/*menu giua*/
.mid_middler
{
    width: 573px;
    height: 100%;
    background-color: #92c02a;
    float: left;
}
.slideImage
{
    width: 573px;
    height: 300px;
}
.slideImage ul
{
    width: auto;
    height: auto;
}
.slideImage ul li
{
    text-align:left;
    list-style: none;
    position: absolute;
}
.slideImage ul li a img
{
    margin: 2px 2px 2px 2px;
    border: 1px solid white;
}

/*menu phai*/
.right_middler
{
    width: 200px;
    height: 100%;
    background-color: #92c02a;
    float: left;
}
#silde2
{
}
.img_right
{
    margin: 2px 5px 5px 2px;
    width: 195px;
    height: 300px;
}
.img_right a img
{
    padding: 3px 3px 3px 3px;
    width: 185px;
    height: 150px;
    border: 1px solid white;
}
.img_right a
{
    text-align:center;
    text-decoration:none;
}

/*******************************************************************/
/*menu giua*/
#nav_middler
{
    height: 49px;
    background-color: #284c1c;
    width: 100%;
    color: White;
    float: left;
}
/***************************************************************/

#content
{
    height: auto;
    width: 100%;
    background-color: #fff;
}
/*************************************************************/
/* PHẦN TRÁI */
.left_content
{
    width: 227px;
    height: 100%;
    float: left;
    background-color: #92c02a;
}
/*left*/
.top_chude
{
    width: 100%;
    height: auto;
    color: Black;
}
.mid_loaihoa
{
    width: 100%;
    height: auto;
    float: left;
}
.text-hotro
{
    height: auto;
}
.bottom_hotro
{
    width: 100%;
    height: 300px;
    float: left;
}
/*menu tim kiem*/
.right_content_timkiem
{
    height: 40px;
    width: 773px;
    background-color: #9ba623;
    float: left;
    margin: 0 auto;
    padding: 0;
}
.right_content_timkiem div
{
    padding: 3px;
    height: 36px;
    float: left;
    color: Black;
    width: 100%;
    margin-left: 0px;
}
.right_content_timkiem .texts1
{

   height: 20px;
   width: 100px;

}
.right_content_timkiem .texts2
{

   height: 23px;
    width: 110px;
}
.right_content_timkiem .buttons
{
   height: 25px;
    width: 70px;
}
.right_content_timkiem .ddlGia
{
    height: 25px;
    width: 150px;
}
.right_content_timkiem .lables
{
    line-height: 100%;
    margin-right: 10px;
    padding-left: 0px;
}
/***************************************************************/
/* Liên Hệ */
.right_content_lienhe
{
    margin: 50px 0 0 20px;
    width: 755px;
    height: 820px;
    color: Black;
    background-color: inherit;
}
.title-lienhe h2
{
    font-size: 28px;
}

.text
{
    font-size: 26px;
    font-weight: bold;
}
.nd
{
    font-size: 20px;
    color: Green;
}
/* phan hien thi san pham*/
.right_content
{
    width: 773px;
    height: 38px;
    float: left;
}
.catogery
{
    margin: 30px;
    height: auto;
    width: auto;
    float: left;
}
.catogery .imgs
{
    margin: 10px;
    height: 275px;
    width: 158px;
    float: left;
}

.catogery .imgs img
{
    height: 180px;
    width: 150px;
    border: 4px solid white;
}
.catogery .imgs p
{
    margin-top: 5px;
    padding-top: 3px;
    width: 100%;
}
.imgs .prodname
{
    color: #777163;
    line-height: normal;
}
.imgs a
{
    text-decoration: none;
}
.imgs .price
{
    line-height: normal;
    color: #E0200B;
    font-weight: bold;
    font-family: Arial;
}

.imgs .button
{
    background-color: #91C02B;
    height: 29px;
    width: 69px;
    color: #fefefe;
    font-family: Arial;
    font-size: 14px;
}
/*Hien thi noi dung*/
.right_content_sanpham
{
    width: 772px;
}
/***************************************************************/
/* PHẦN CHÂN */
strong
{
    font-size: 90%;
    color:#284c1c;
}
#footer
{
    background-color: White;
    height: 200px;
    width: 100%;
    color: White;
    float: left;
}
.left_footer
{
    width: 227px;
    height: 100%;
    background-color: #92c02a;
    float: left;
}

/**************************************/
/*Tin tuc*/
.tt_table
{
    width: 750px;
    height: auto;
    margin: 15px;
    text-align: left;
}
.tt_table tr
{
    width: 100%;
    height: auto;
    padding: 20px;
}

.tt_table .tds
{
    border-bottom: 1px solid Silver;
}
.tt_table table
{
    width: 753px;
    margin: 20x;
}

.tt_table img
{
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 10px;
    border: 1px solid Silver;
}

.tt_table .tt_td
{
    vertical-align: top;
    width: 650px;
}
.tt_table a
{
    color: Maroon;
    font-size: 20px;
    text-decoration: none;
}
/*Canh Chinh Giao Dien cho tintus(hien thi chi tiet tin tuc)*/
.tts
{
    width: 750px;
    height: 100%;
    margin: 20px;
    float: left;
}
.tts_title
{
    width: 500px;
    height: 100%;
    float: left;
}

.tts_title h3
{
    color: Red;
    font-size: 30px;
}
.tts_tables
{
    width: 750px;
    height: auto;
    text-align: left;
}
.tts_tables table
{
    border-top: 1px solid black;
    width: 745px;
    padding-top: 20px;
}

.tts_tables tr
{
    width: 750px;
    height: auto;
}
.tts_tables td
{
}
.tts_tables img
{
    width: 300px;
    height: 300px;
    float: left;
    margin-right: 10px;
    border: 1px solid Silver;
}
.tts_tables h3
{
    color: Maroon;
    font-size: 25px;
    padding-bottom: 10px;
    text-decoration: underline;
}
/*Canh Chu Model Chu De*/
.modelChuDe
{
}
.modelChuDe ul
{
    list-style: none;
    text-align: left;
}
.modelChuDe li
{
    list-style-type: none;
    border-bottom: 1px dotted black;
    height: 40px;
    line-height: 40px;
    width: 100%;
    display: block;
    float: left;
}
.modelChuDe li a
{
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    margin-left: 15px;
    color: White;
}
.modelChuDe li a:hover
{
    color: Red;
}

/*****************Hiện Thị Sản Phẩm**********************/
.uc_pages
{
    margin: 10px 5px 3px 0;
    text-align:right;
}
.load
{
    width:150px;
    text-align:center;
    float:left;
    height:auto;
    }
.load img
{
    border:1px dashed #000;
    }
.sanpham
{
    margin: 5px 10px 225px 0;
    width: 150px;
    text-align: center;
    color: White;
    float: left;
}

.sanpham .chitiet
{
    font-family: arial;
}
.sanpham img
{
    border: 1px dashed #000;
}
.sanpham a
{
    text-decoration: none;
    color: blue;
}
.sanpham .gia
{
    color: red;
    margin: 5px 0;
    margin-bottom:5px;
}
.sanpham .bt
{
    background-color: #92C02A;
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 10px 7px 10px 10px;
    display: inline;
    margin-right: 8px;
}
/***************chi tiet san pham************************/

/***************************************/
